<div class="progress">
    <div>
        <SkFoldingCube></SkFoldingCube>
        <p>{progress}</p>
    </div>
    <div class="progress_bg"></div>
</div>
<style>
    .progress{
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        color: rgb(97, 97, 97);
        background: rgb(233, 233, 233);
        z-index: 5;
    }
    .progress_bg{
        position: absolute;
        left: 0px;right: 0px;top: 0px;bottom: 0px;
    }
    
</style>
<script>
    export let progress;
    import SkFoldingCube from './SkFoldingCube.svelte'
</script>